<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<meta name="copyright" content="职教招生网">
<meta name="author" content="职教招生网">
<title>职教招生网</title>
<link rel="stylesheet" href="static/css/lib/vant.css">
<script src="./static/js/basic.js"></script>
<script src="./static/js/lib/vant.js"></script>
<script src="./static/js/component.js" defer></script>
<script src="./static/js/nav.js"></script>
</head>

<body>
  <div v-cloak class="main zxb-anime" id="app">
    <layout :header="true">
      <common-ban :img="ban"></common-ban>
      <div class="anime-m1 box">
        <common-title title="选择动漫设计专业的优势" top="0.5" bottom="0.69"></common-title>
        <dl class="list flex-bect wrap">
          <dd v-for="(item, index) in m1" :key="index" :style="{backgroundImage: 'url('+ item.image +')'}" class="item" :class="'item'+index">
            <div class="name flex-ct">{{item.name}}</div>
            <div class="intro" v-html="item.intro"></div>
          </dd>
        </dl>
      </div>
      <div class="anime-m2 box">
        <common-title title="动漫设计专业的发展前景" top="0" bottom="0.46"></common-title>
        <dl class="list">
          <dd v-for="(item, index) in m2" :key="index" class="item" :class="'item'+index">
            <div class="name">{{item.name}}</div>
            <div class="intro" v-html="item.intro"></div>
          </dd>
        </dl>
      </div>
      <div class="anime-m3 box">
        <common-title title="动漫设计专业新闻资讯" top="0.3" bottom="0.46"></common-title>
        <dl class="con">
          <dt class="tit"><span class="sp">动漫设计专业那个学校好</span></dt>
          <dd v-for="(item, index) in m3" :key="index" class="item flex-bect" :class="'item'+index">
            <div class="name row1">{{item.name}}</div>
            <div class="time">{{item.time}}</div>
          </dd>
        </dl>
      </div>
      <school-module></school-module>
      <form2-module tit="动漫设计专业"></form2-module>
    </layout>
  </div>

  <script type="text/babel">
    new Vue({
      el: '#app',
      data: {
        ban:'./static/image/24anime/banner.png',
        m1:[],
        m2:[],
        m3:[],
        m4:[],
        
      },
      mounted() {
        this.getCon();
      },
      methods:{
        
        getCon(){
          // <span class="red"></span>
          this.m1 = [
            {name:'人才缺口大', image:'./static/image/24anime/1.png', intro:'动漫游戏产业发展迅速国内人才缺口已高达60万人，其中2D动画师3D动画师特别是maya动画师等中高级人才更是虚位以待，极为紧缺'},
            {name:'行业薪资待遇高', image:'./static/image/24anime/2.png', intro:'动漫游戏行业薪金随动漫业发展水涨船高,平均月薪已经突破10000,中高级人才更是虚位以待极为紧缺，最高年薪可达30万。'},
            {name:'专业就业范围大', image:'./static/image/24anime/3.png', intro:'专业就业岗位分为中间画、原画、分镜、造型、编剧等其中随影视编辑技术的发展与3D技术兴起，中间又包括像3D建模、影视特效等职位'},
            {name:'国家政策优势', image:'./static/image/24anime/4.png', intro:'《文化产业振兴规划》强调要加快数字内容、动漫等新媒体产业的发展;同时降低准入门槛这些都将切实提升动漫文化产业的能造力和生产力。'},
          ]
          this.m2 = [
            {name:'前景一',intro:'截至2019年,主营动漫业务的B站已经有1.28亿用户。庞大的用户量和国漫崛起的情怀催生了诸多国漫企业工作室的诞生,腾讯、优酷、爱奇艺三大视频门户站也纷纷成立动漫项目组加入国产动漫赛道竞争,因此,动漫动画实际的用户量很可能远大于这个数'},
            {name:'前景二', intro:'激烈的竞争带来了超过100万的人才缺口,其中近60%为建模相关岗位即便各大动漫、游戏企业一再提高薪水,但是苦于人才专业性不足，高薪也解决不了人才缺口'},
            {name:'前景三', intro:'时越来越多的黄金就业岗位被蓬勃的影视相关市场开发出来，不仅国外动漫行业高速发展，我国的动漫产业也具有1000亿元的潜在价值空间。动漫产业不仅给企业、国家带来可观的效益，也给动漫人才提供了很多高薪职位'},
          ]
          this.m3 = [
            {name:'学动漫设计专业，以后的就业行业前景...', time:'12-16'},
            {name:'高中生学动漫设计专业就业方向有那些...', time:'12-16'},
            {name:'专科动漫设计专业就业方向有那些...', time:'12-16'},
            {name:'动漫设计专业专科毕业就业方向有哪...', time:'12-16'},
            {name:'高中生高考失利落榜学动漫设计专业...', time:'12-16'},
            {name:'专科动漫设计专业就业前景', time:'12-16'},
            {name:'动漫设计专业就业前景', time:'12-16'},
            {name:'动漫设计专业职业导向和就业前景', time:'12-16'},
            {name:'动漫设计专业好就业吗?工资高吗 ?', time:'12-16'},
            {name:'动漫设计专业就业前景好吗 ?', time:'12-16'}
          ]
        }
        
      }
    })
  </script>
</body>
</html>